<template>
  <div class="w-[1150px] p-12 print-style relative bg-white h-full">
    <div class="flex justify-center w-full items-center">
      <div class="text-center font-semibold text-4xl">{{ getSystemConfig('HISNAME') }}防护预案</div>
    </div>
    <div class="flex-1 mt-8">
      <div class="flex justify-between border-solid border-b-1 border-x-0 border-t-0 items-center py-2 text-2xl">
        <div>打印日期：{{ dayjs().format('YYYY-MM-DD HH:mm:ss') }}</div>
        <div>打印人员：{{ empName }}</div>
      </div>
      <div class="text-2xl mt-2 leading-10">
        <div class="text-center mt-5">
          <div>预案标题：{{ rowData.planTitle }}</div>
        </div>
        <div>预案编号：{{ rowData.id }}</div>
        <div>文档编号：{{ rowData.planNo }}</div>
        <div>编制单位：{{ rowData.preparedName }}</div>
        <div>编制日期：{{ rowData.preparedDate }}</div>
        <div>抄报单位：{{ rowData.cc }}</div>
        <div>承办单位：{{ rowData.organizerName }}</div>
        <div>联系人：{{ rowData.contactName }}</div>
        <div>电话：{{ rowData.contactPhone }}</div>
        <div>主题词：{{ rowData.keyword }}</div>
        <div>备注：{{ rowData.memo }}</div>
      </div>
      <div class="absolute bottom-0 right-24">
        <div class="flex justify-between border-solid border-t-1 border-x-0 border-b-0 text-2xl w-[1150px] px-[100px]">
          <!-- <div>登记时间：{{ rowData.createTime }}</div> -->
          <div></div>
          <div>制表人：{{ rowData.createUserName }}</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import dayjs from 'dayjs'
import useUserStore from '@/store/user'
import { getSystemConfig } from '@/utils/systemConfig'

const { empName } = useUserStore()
defineProps({
  rowData: {
    type: Object,
    default: () => ({})
  }
})
</script>
<style lang="less" scoped></style>
